<!--本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm -->
<template>
	<view class="content">
		<view class="order_details_1">
			<view class="order_details_7" v-if="orderTimefinish">
				<text decode="true" class="status">已支付</text>
				<text decode="true" class="smallTitle">支付成功</text>
			</view>
			<view class="order_details_7" v-else>
				<text decode="true" class="status">点餐成功</text>
				<text decode="true" class="smallTitle">点餐成功,祝您用餐愉快</text>
			</view>
			<template v-for="(group, time) in sortedGroupedGoods">
				<view class="order_details_2" :key="time">
					<view class="date-section">
						<!-- Display the date here -->
						<text class="date" style="font-size: 14px;">{{ formatDateTime(time) }}</text>
					</view>
					<view class="goods">
						<view v-for="(item_goods, index) in group" :key="index" class="row">
							<image v-on:click="pic_9_click(item_goods)" :src="item_goods.menuImage" mode="scaleToFill"
								border="0" class="pic"></image>
							<view class="order_details_10">
								<text decode="true" class="good">{{item_goods.menuName}}</text>
								<text decode="true" class="num">数量:{{item_goods.menuNumber}}</text>
							</view>
							<text decode="true" class="money">{{item_goods.menuPrice}}</text>
						</view>
					</view>
					<view class="order_details_15">
						<text decode="true"
							class="order_details_16">{{`共${group.length}份 小计￥${calculateSubtotal(group)}`}}</text>
					</view>
				</view>
			</template>
			<!-- 			<button v-on:click="btAdd_4_click()" class="btAdd">加菜
			</button> -->
		</view>


		<view class="loading">{{loadingText}}</view>
		<view class="ymBbottom"></view>
	</view>
</template>

<script>
	import order_details from "./order_details.js";
	export default order_details;
</script>

<style lang="scss" scoped>
	@import './order_details.scss'
</style>